import { useEffect, useRef } from 'react'

function Son() {
  // 组件渲染后执行
  useEffect(() => {
    const timer = setInterval(() => {
      console.log('定时器执行中')
    }, 1000)
    // 清除复作用
    return () => {
      clearInterval(timer)
    }
  }, [])

  return <div></div>
}

function App() {
  // 定义引用存储器
  const timerRef = useRef<number | undefined>(undefined)
  // 组件渲染后执行
  useEffect(() => {
    timerRef.current = setInterval(() => {
      console.log('定时器执行中')
    }, 1000)
    // 清除复作用
    return () => {
      clearInterval(timerRef.current)
    }
  }, [])

  return <div></div>
}

export { App }
